// pages/climb/climb.js
import WeCharts from '../../utils/WeCharts.js'
import { hms } from '../../utils/util.js'

Page({

	/**
	 * 页面的初始数据
	 */
	data: {

	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {
		const categories = []
		const bloodOxygen = []
		const heartRate = []
		for (let i = 0; i < 20; i++) {
			categories.unshift(hms(new Date(Date.now() - i * 5000)))
			bloodOxygen.unshift(parseInt(Math.random() * 100))
			heartRate.unshift(parseInt(Math.random() * 100))
		}
		const weCharts = new WeCharts({
			animation: true, //是否有动画
			canvasId: 'canvas',
			type: 'area',
			categories,    //模拟的x轴横坐标参数
			series: [{   //具体坐标数据
				color: '#08dab5',
				name: '血氧',  //名字
				data: bloodOxygen || [20, 70, 60, 110, 120, 105, 70, 10, 40, 20, 90],  //数据点
				format: (val, name) => val + 'mmHg'  //点击显示的数据注释
			}, {
				color: '#a752ff',
				name: '心率',
				data: heartRate || [50, 30, 100, 50, 30, 90, 125, 80, 100, 40, 60],
				format: (val, name) => val + '次/分钟'
			}],
			xAxis: {   //是否隐藏x轴分割线
				disableGrid: true,
			},
			yAxis: {      //y轴数据
				min: 0,
				format: val => val.toFixed(2), //返回数值
				gridColor: '#D8D8D8',
			},
			width: 375,  //图表展示内容宽度
			height: 240,  //图表展示内容高度
			dataLabel: false,  //是否在图表上直接显示数据
			dataPointShape: false, //是否在图标上显示数据点标志
			extra: {
				lineStyle: 'straight'  //曲线或直线
			}
		})
	},

	/**
	 * 生命周期函数--监听页面初次渲染完成
	 */
	onReady: function () {

	},

	/**
	 * 生命周期函数--监听页面显示
	 */
	onShow: function () {

	},

	/**
	 * 生命周期函数--监听页面隐藏
	 */
	onHide: function () {

	},

	/**
	 * 生命周期函数--监听页面卸载
	 */
	onUnload: function () {

	},

	/**
	 * 页面相关事件处理函数--监听用户下拉动作
	 */
	onPullDownRefresh: function () {

	},

	/**
	 * 页面上拉触底事件的处理函数
	 */
	onReachBottom: function () {

	},

	/**
	 * 用户点击右上角分享
	 */
	onShareAppMessage: function () {

	}
})